// TabBar则只需把其中css和结构搭好即可
<template>
  <div id="tab-bar">
    <!-- 通过插槽把每一个item抽离出去 -->
    <slot></slot>
  </div>
</template>

<script>
export default {

};
</script>

<style>
    #tab-bar {
        position: fixed;
        display: flex;
        left: 0;
        right: 0;
        bottom: 0;
        justify-content: space-around;
        background-color: #f6f6f6;

        box-shadow: 0 -2px 1px rgba(100, 100, 100, 0.1);
    }
</style>
